import { reactive } from "../../reactive";
import { effect, depsMap } from "../../effect/effect";

const state = reactive({
  a: 123,
  b: 456,
  c: 789,
});

effect(() => {
  if (state.a > 100) state.b;
  else state.c;
  console.log("完整的depsMap：", depsMap);
  console.log("effect被执行啦");
  console.log("-----------------");
});

state.a = 10;

// 发现第二次的key和fns的映射有问题：第二次应该是a和c被依赖收集，但结果还是a和b
// 原因：effect被触发器执行时，没有重新去收集依赖，因为activeEffect只有在声明effect的时候才有值，其余时间都是null
